<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/Fond.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<!--<link rel="stylesheet" href="css/index.css" />-->
		<link rel="stylesheet" href="css/iconfont.css" />
		
	</head>
	<body>
		<div class="web1">
			
			<header>
			<!--头部-->
			<div class="herBox">
			    
			    	<input type="button" value="Back"/>
			   
			    	<select class="xiala">
						<option>&nbsp;广州市</option>
						<option>深圳市</option>
						<option>东莞市</option>
					</select>
			    	
			    	<p>发现</p>
			    	
			    	
			</div>
			</header>
			    
			
			
			
			
			
			<!--主体-->
			<section>
			    <div class="sectionBox1">
			    	<div class="soux">
					<input type="search" name="" id="" value="" placeholder="请输入商品名称"/>
					<i class="iconfont icon-fangdajing"></i>
				    </div>
				    <h3>大家都在搜</h3>
				    <div class="sectBox">
				    	<ul>
				    		<a href=""><li>寿司</li></a>
				    		<a href=""><li>羽毛球</li></a>
				    		<a href=""><li>火锅</li></a>
				    		<a href=""><li>游泳馆</li></a>
				    	</ul>
				    	<ul>
				    		<a href=""><li>电影</li></a>
				    		<a href=""><li>周黑鸭</li></a>
				    		<a href=""><li>KTV</li></a>
				    		<a href=""><li>肯德基</li></a>
				    	</ul>
				    </div>
				    <div class="sectBox2">
			    	    <img src="img/huo_14.jpg" />
			    	    <h3>
			    	    	热门搜索
			    	    </h3>
			    	    <span>
			    	    	更多
			    	    	<i class="iconfont icon-you"></i>
			    	    </span>
			    	    
			        </div>
				    
				    <div class="sectBox3">
				    	<div class="sectBox3-1">
				    		<img src="img/sec1_31.jpg" />
				    	</div>
				    	<div class="sectBox3-2">
				    		<img src="img/sec2_31.jpg" />
				    	</div>
				    	<div class="sectBox3-3">
				    		<img src="img/sec3_31.jpg" />
				    	</div>
				    	<div class="sectBox3-4">
				    		<img src="img/sec4_31.jpg" />
				    	</div>
				    </div>
				    
				    <div class="sectBox4">
			    	    <img src="img/xx_03.jpg" />
			    	    <h3>
			    	    	推荐搜索
			    	    </h3>
			    	    <span>
			    	    	更多
			    	    	<i class="iconfont icon-you"></i>
			    	    </span>
			    	    
			        </div>
				    <div class="sectBox5">
				    	<ul>
				    		<li><a href="#"><img src="img/src1_15.jpg"</a></li>
				    		<li><a href="#"><img src="img/src2_15.jpg"</a></li>
				    		<li><a href="#"><img src="img/src3_15.jpg"</a></li>
				    	</ul>
				    </div>
			    </div>
			
			
			</section>
			
			
			
			
			<div class="clear"></div>
			<!--尾部-->
			<div class="weiBox">
				<ul>
					<li class="active">
						<a href="index.html">
							<i class="iconfont icon-noun28593cc"></i>
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="deta.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a>
					</li>
					<li>
						<a href="Fond.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a>
						
					</li>
					<li>
						<a href="my.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</div>
			
			
		</div>
			<script>
				document.body.style.height  = window.innerHeight+"px";
				
				function recalc() {
                var clientWidth = document.documentElement.clientWidth;
                if(!clientWidth) return;
                document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
                //                             字体大小
            }

            function initRecalc() {
                recalc();
                var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
                if(!document.addEventListener) return;
                window.addEventListener(resizeEvt, recalc, false);
                document.addEventListener('DOMContentLoaded', recalc, false);
            }
            initRecalc();
			</script>
	</body>
</html>
